<template>
   <div class="outer" :style="dynamic_style">
       <img src="http://120.78.80.190/banner3.jpg">
   </div>
</template>

<script>
    import {ref} from 'vue'
    export default {
        name: "datu_1",

        props:{
            myheight:{
                type:String,
                default:"585px",
            },
        },

        setup(props){

            console.log("ahahahhaahah",props.myheight);
            const dynamic_style=ref([
                {
                    height:props.myheight,
                },
            ])

            return{
                dynamic_style,
            }
        }
    }
</script>

<style scoped>
    .outer{width: 100%;}
    img{width: 100%;height: 100%;}
</style>